<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <meta charset="utf-8" />
    <script src="../scripts/jquery-1.3.1.js" type="text/javascript"></script>
	<script src="../scripts/assist.js" type="text/javascript"></script>
	<style type="text/css">
		.style1 100%;
	</style>
	<script  type="text/javascript">
		$(function() {
			//隔行换色
			$("tr:odd").css("background-color", "pink");
			 $("tr:even").css("background-color", "orange");
			 
			 
			//全选
			$("#chkAll").click(function() {
				var result = $(this).attr("checked");
				$("input[name='chkItem']").attr("checked", result)
			})
			
			//反选
			 $("#chkRev").click(function() {
					$("#chkAll").attr("checked", false);
					$("input[name='chkItem']").each(function() {
					$(this).attr("checked", !$(this).attr("checked"));
					})
					}) 
				/* $("#chkRev").click(function(){
						$("#tb :checkbox").each(function(index,cb){
							$(cb).prop("checked",!$(cb).prop("checked"))
						}) */
					
				})	
					
					
				//	鼠标移动显示颜色  光棒效果
				var $bg;
				$("tr").hover(function() {
					$bg = $(this).css("background-color"); //1、获取原本tr行的颜色值
					$(this).css("background-color", "#c07df7"); //设置自定义属性bg，并把原来的颜色赋值给它
				}, function() {
					$(this).css("background-color", $bg); //1、取出存在bg属性的颜色//2、给当前tr赋值bg里面存的颜色
				})
					
					
		}) 
	</script>
		    //1、全选按钮添加点击事件
		    //2、获取当前全选按钮的checked属性状态
		    //3、获取下方所有单选框并将checked属性更改为2中获取的全选按钮的选中状态
		    //4、返选按钮添加点击事件
		    //5、遍历（each）下方所有的单选框
		    //6、当被遍历时，获取当前单选框的checked属性更改为当前checked相反的（！）
		
		
		    //行显示奇数行背景颜色（#eeeeee），偶数行颜色（#999999）
		    
			
			
		    //光棒效果(移入颜色为#c07df7  移出颜色为原本颜色)
			
			
		    //1、获取原本tr行的颜色值
		    //2、设置自定义属性bg，并把原来的颜色赋值给它
			全选
			
					})
    
    
    
    
    			})
		    //3、将最新的颜色 赋值给当前tr行
		
		    //1、取出存在bg属性的颜色
		    //2、给当前tr赋值bg里面存的颜色
		
	
    
    

</head>
<body>
    <!--<div>
        <select id="Select1" multiple="multiple">
            <option>张三</option>
            <option>李四</option>
            <option>王五</option>
            <option>越六</option>
        </select>
    </div>
    <div>
        <select id="Select2" multiple="multiple">
            <option>钱七</option>
        </select>
    </div>-->
    <div style="background-color:Green"></div>
    <div>
        <input id="chkAll" type="checkbox" />全选
        <input id="chkRev" type="checkbox" />返选
    </div>
    <div>

        <table id="tb" class="style1">
            <tbody>
                <tr>
                    <td>
                        <input name="chkItem" type="checkbox" />
                    </td>
                    <td>
                        &nbsp;
                    </td>
                    <td>
                        &nbsp;
                    </td>
                    <td>
                        &nbsp;
                    </td>
                    <td>
                        &nbsp;
                    </td>
                </tr>
                <tr>
                    <td>
                        <input name="chkItem" type="checkbox" />
                    </td>
                    <td>
                        b
                    </td>
                    <td>
                        &nbsp;
                    </td>
                    <td>
                        &nbsp;
                    </td>
                    <td>
                        &nbsp;
                    </td>
                </tr>
                <tr>
                    <td>
                        <input name="chkItem" type="checkbox" />
                    </td>
                    <td>
                        &nbsp;
                    </td>
                    <td>
                        c
                    </td>
                    <td>
                        &nbsp;
                    </td>
                    <td>
                        &nbsp;
                    </td>
                </tr>
                <tr>
                    <td>
                        <input name="chkItem" type="checkbox" />
                    </td>
                    <td>
                        &nbsp;
                    </td>
                    <td>
                        &nbsp;
                    </td>
                    <td>
                        d
                    </td>
                    <td>
                        &nbsp;
                    </td>
                </tr>
                <tr>
                    <td>
                        <input name="chkItem" type="checkbox" />
                    </td>
                    <td>
                        &nbsp;
                    </td>
                    <td>
                        &nbsp;
                    </td>
                    <td>
                        &nbsp;
                    </td>
                    <td>
                        e
                    </td>
                </tr>
                <tr>
                    <td>
                        <input name="chkItem" type="checkbox" />
                    </td>
                    <td>
                        &nbsp;
                    </td>
                    <td>
                        &nbsp;
                    </td>
                    <td>
                        f
                    </td>
                    <td>
                        &nbsp;
                    </td>
                </tr>
                <tr>
                    <td>
                        <input name="chkItem" type="checkbox" />
                    </td>
                    <td>
                        &nbsp;
                    </td>
                    <td>
                        g
                    </td>
                    <td>
                        &nbsp;
                    </td>
                    <td>
                        &nbsp;
                    </td>
                </tr>
                <tr>
                    <td>
                        <input name="chkItem" type="checkbox" />
                    </td>
                    <td>
                        h
                    </td>
                    <td>
                        &nbsp;
                    </td>
                    <td>
                        &nbsp;
                    </td>
                    <td>
                        &nbsp;
                    </td>
                </tr>
                <tr>
                    <td>
                        <input name="chkItem" type="checkbox" />
                    </td>
                    <td>
                        &nbsp;
                    </td>
                    <td>
                        &nbsp;
                    </td>
                    <td>
                        &nbsp;
                    </td>
                    <td>
                        &nbsp;
                    </td>
                </tr>
                <tr>
                    <td>
                        <input name="chkItem" type="checkbox" />
                    </td>
                    <td>
                        j
                    </td>
                    <td>
                        &nbsp;
                    </td>
                    <td>
                        &nbsp;
                    </td>
                    <td>
                        &nbsp;
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
</body>
</html>
